import React from 'react';
import { ConfigProvider } from 'antd';

interface Props {
  children: React.ReactNode;
}

const AppReviewConfigProvider = ({ children }: Props) => {
  return (
    <ConfigProvider
      theme={{
        components: {
          Tabs: {
            inkBarColor: 'linear-gradient(94.09deg, #768BFF 6.89%, #A073FF 98%);',
            titleFontSize: 20,
            horizontalItemPadding: '6px 0',
            horizontalMargin: '0',
          },
          Table: {
            headerColor:"#B5B7C0",
            headerSplitColor: 'transparent',
            headerBg:"#F6F7FB",
          },
        },
      }}
    >
      {children}
    </ConfigProvider>
  );
};

export default AppReviewConfigProvider;
